import axios from 'axios'
import store from '../store'
import router from '../router'
// baseURL 超时时间配置
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000
})

// 全局注入token
instance.interceptors.request.use(config => {
  // 在请求头统一添加token
  const { token } = store.state.user.profile
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, e => Promise.reject(e))

// 处理返回数据 token失效跳回到登录页
instance.interceptors.response.use(
  (response) => {
    // 请求200进入到这里
    // 把data数据返回给页面
    return response.data
  },
  (error) => {
    // 200以外进入这里
    // 处理401
    if (error?.response.status === 401) {
      /**
       * 1.获取出现401页面的地址(目的:登录成功之后回到上次访问的页面)
       * 2.回到登录页面(带上401页面地址)
       */
      store.dispatch('user/logout')
      // router.currentRoutes是ref类型要加.value访问值(最新版本的路由获取完整路径需要加上额外的.value)
      // URL 传参的时候，如果参数中有空格等特殊字符，浏览器可能只会读取到空格前的内容，导部分致数据丢失，我们使用`encodeURIComponent`方法进行编码，避免参数错误
      const redirectUrl = encodeURIComponent(router.currentRoute.value.fullPath)
      router.replace(`/login?redirectUrl=${redirectUrl}`)
    }
    return Promise.reject(error)
  }
)

/**
 * axios二次封装
 * 基于instance的axios新实例
 */
/**
 *
 * @param {*} url 请求路径
 * @param {*} method 请求方法
 * @param {*} datas 请求参数
 */
const request = (url, method, datas) => {
  return instance({
    url,
    method,
    [method.toLowerCase() === 'get' ? 'params' : 'data']: datas // 对象动态属性名
  })
}

export default request
